
<template>
  <div class="modal">
    <div class="modal-view api-export flex-cloumn">
      <div class="modal-view-head flex-row-center">文档导出</div>
      <div class="modal-view-body flex-row-center">
        <label class="click flex-row-center">
          <input type="radio" v-model="apiExportMode" value="html" name="apiExportMode" />html
        </label>&nbsp;
        <label class="click flex-row-center">
          <input type="radio" v-model="apiExportMode" value="json" name="apiExportMode" />json
        </label>&nbsp;
        <label class="click flex-row-center">
          <input type="radio" v-model="apiExportMode" value="api" name="apiExportMode" />接口文件
        </label>&nbsp;
        <label class="click flex-row-center">
          <input type="radio" v-model="apiExportMode" value="custom" name="apiExportMode" />自定义
        </label>
      </div>
      <div class="modal-view-footer flex-row-between">
        <div class="time aux flex-row-center"></div>
        <div>
          <span class="btn" @click="$emit('ok',apiExportMode)">确认</span>
          <span class="btn" @click="$emit('close')">关闭</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: ["apiDoc"],
  data: function() {
    return {
      apiExportMode: "html"
    };
  },
  methods: {}
};
</script>
<style>
</style>